<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>


        <style type="text/css">
            html{height:100%}
            body{height:100%;margin:0px;padding:0px}
            #m{height:100%;width: 100%}
        </style>


        <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=tf0RRuI5OaPtZr9kwsCBuaKBgtGt1IOX">
        </script>
        <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
        <script>


            $(function(){

                var map = new BMapGL.Map("m");


                var point = new BMapGL.Point(118.805891,32.025507);

                map.centerAndZoom(point, 18);


                var marker = new BMapGL.Marker(point);        // 创建标注
                map.addOverlay(marker);                     // 将标注添加到地图中


                var opts = {
                    width: 300,     // 信息窗口宽度
                    height: 100,    // 信息窗口高度
                    title: "南京网博"  // 信息窗口标题
                }-
                var infoWindow = new BMapGL.InfoWindow("通济产业园", opts);  // 创建信息窗口对象


                marker.addEventListener("click", function(){
                    map.openInfoWindow(infoWindow, point); //开启信息窗口
                });


            });

        </script>


    </head>
    <body>
        <div id="m"></div>
    </body>
</html>